<template>
  <div class="more">
      <div class="more_box">
          <!-- {{this.$store.state.tidem.morearr.goods}} -->
          <Goods v-for="(v,i) in this.$store.state.tidem.morearr.goods" :key="i" :obj="v"/>
      </div>
  </div>
</template>

<script>

import Goods from "@c/tide/goods.vue"
export default {
    components:{
        Goods
    },

// export default {
    mounted(){
        // this.$store.dispatch("actionsmore")
        this.$store.dispatch("actionsmore",{url:"http://81.68.226.70:8050/goods/咖啡周边/"}) 
    }
}
</script>

<style scoped>
    .more{
        width: 95%;
        margin: auto;
        /* margin-top: 0.2rem; */
        border-radius: 0.07rem;
        overflow: hidden;
        margin-bottom: 0.3rem;
    }
    .more .more_box{
   
        width:100%;
        display: flex;
        justify-content: space-between;
        font-size: 0.1rem;
        flex-wrap: wrap;
    }
    .more ul li{
        width: 47%;
        background-color: #fefffe;
        border-radius: 0.06rem;
        overflow: hidden;
        margin-bottom: 0.1rem;
    }
    .more ul li .img_box{
        width: 100%;
    }
    .more ul li .img_box img{
        width: 100%;
    }
    .more .more_info{
        padding: 0 0.1rem;
    }
    .more .more_info h4{
        color: #1b1b1b;
        line-height: 0.2rem;
        margin-bottom: 0.1rem;
    }
    .more .more_info .more_price{
        display: flex;
        justify-content: flex-start;
        line-height: 0.26rem;
    }
    .more .more_info .more_price .reality_price{
        color: #da5320;
    }
    .more .more_info .more_price .original_price{
        text-decoration: line-through;
        color: #7f7f7f;
    }
    .more .more_info .more_price .more_sale{
        display: flex;
        justify-content: space-between;
    }
    .more .more_info .more_sale .sale_num{
        color: #7f7f7f;
        font-size: 0.1rem;
    }

</style>